<%@ page pageEncoding="UTF-8" %>
<!DOCTYPE html>

<html lang="zh_CN">
<head>
	<title>AUDIO 测试</title>
	<meta charset="utf-8">
	<script src="js/jquery-1.6.min.js"></script>
	<script src="js/jplayer/jquery.jplayer.js"></script>
	<script src="js/mplayer/mplayer.js"></script>
	<link rel="stylesheet" href="js/mplayer/mplayer.css">
</head>
<body>
	<article>
		<header>
			<h1>AUDIO HTML5</h1>
		</header>
		<section>
			<audio src="media/1.mp3" controls="controls">
			</audio>
		</section>
	</article>

	<article>
		<header>
			<h1>AUDIO JQUERY PLUGIN - JPLAYER</h1>
		</header>
		<section>
			<script>
				window.mplayer.init({
					src : "media/1.mp3",
					name : "薇多莉亚的秘密",
					artist : "张惠妹",
					swfPath : "<%=request.getContextPath()%>/js/jplayer/"
				});
			</script>
		</section>
	</article>
		
	<article>
		<header>
			<h1>AUDIO JQUERY PLUGIN - JPLAYER</h1>
		</header>
		<section>
			<script>
				window.mplayer.init({
					src : "media/2.mp3",
					name : "灵魂的重量",
					artist : "张惠妹",
					swfPath : "<%=request.getContextPath()%>/js/jplayer/"
				});
			</script>
		</section>
	</article>
</body>
</html>
